.signsBox {
    padding-bottom: 90px;
  .contendBox {
    display: flex;

    .signs_left {
      width: 200px;
      flex-shrink: 0;

      li {
        padding: 10px 0 10px 28px;
        border-bottom: 1px solid #e9e9e9;
        cursor: pointer;
        font-size: 16px;
        line-height: 36px;
        font-weight: 700;

        &.active {
          color: #449BFF;
        }
      }
    }

    .signs_right {
      flex-grow: 1;
      margin-left: 20px;

      .title {
        padding: 10px 0 10px 0;
        line-height: 36px;
        border-bottom: 1px solid #e9e9e9;
        font-size: 20px;
        margin-right: 20px;
      }

      .signsBox {
          display: flex;
          flex-wrap: wrap;
        .signItem {
          width: 220px;
          height: 175px;
          margin-right: 20px;
          margin-top: 20px;
          padding: 2px 2px 0;
          text-align: center;
          background-color: #e6e6e6;
          cursor: pointer;
            flex-shrink: 0;
            &:hover{
                background-color: #449BFF;
                color: #fff;
            }
          .imgBox {
            width: 100%;
            height: 112px;
            padding-top: 18px;
            background-color: #fff;
            overflow: hidden;

            img {
              width: auto;
              height: auto;
              margin: 0 auto;
              display: block;
              max-height: 120px;
              max-width: 100px;
              object-fit: contain;
            }
          }
          .signItemtitle{
            font-size: 14px;
            
          }
        }
      }
    }
  }
}
